{% extends "base.html" %}
{% block header %}
<script type="text/javascript" src="/static/js/jquery.treeview.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script type="text/javascript">
	
	$(document).ready(function(){
		$(".tabs > ul").tabs();
	    $("#browser").treeview({
			toggle: function() {
				console.log("%s was toggled.", $(this).find(">span").text());
			}
		});

	});
	</script>
{% endblock %}

{% block menu %}
    <ul class="box">
      <li><a href="/index"><span>首页</span></a></li>
      <!-- Active -->
      <li><a href="/monitor"><span>服务监控</span></a></li>
      <li><a href="/report"><span>服务报表</span></a></li>
      <li id="menu-active"><a href="/host"><span>主机管理</span></a></li>
      <li><a href="/flow"><span>流程管理</span></a></li>
      <li><a href="/doc"><span>运维文档</span></a></li>
    </ul>
{% endblock %}

{% block aside %}
<div class='left-col'>
{% autoescape off %}
    {{ tree }}
{% endautoescape %}
</div>

{% endblock %}
{% block content %}
        <div id="mon-tit">
            <div class="left">暴风主机管理 >> 所有主机</div>
            <div class="right"><a>添加主机</a></div>
        </div>
        <div class="clr"></div>
        <hr>
        <h3  class='tit'>关联关系图</h3>
        <div id="graph" class="right-col">
            <img  style="float:left" src="design/boxsearch.jpg" alt="" />
        </div>
        <h3  class='tit'>最近变更记录</h3>
        <div class="right-col">
            <div><strong>[2011-01-03 11:01:01]</strong><a><strong>  [220.181.121.37]</strong></a> 服务器被添加，加入 <a><strong>[baofeng-storm]</strong></a> 模块。</div>
            <div><strong>[2011-01-03 11:01:01]</strong><a><strong>  [220.181.121.37]</strong></a> 服务器被添加，加入 <a><strong>[baofeng-storm]</strong></a> 模块。</div>
            <div><strong>[2011-01-03 11:01:01]</strong><a><strong>  [220.181.121.37]</strong></a> 服务器被添加，加入 <a><strong>[baofeng-storm]</strong></a> 模块。</div>
            <div><strong>[2011-01-03 11:01:01]</strong><a><strong>  [220.181.121.37]</strong></a> 服务器被添加，加入 <a><strong>[baofeng-storm]</strong></a> 模块。</div>
        </div>
    </div>
 
{% endblock %}

